<template>
    <div class="vedio">
        <div class="vedio_first">
            
        </div>

          <div class="vedio_second">
            <ul>
                <li><a href="http://">在线视频</a></li>
                <li><a href="http://">返回主页-></a></li>
            </ul>
            <div class="vedio_second__main">
                 <el-input
                    placeholder="请输入要查询的内容"
                    prefix-icon="el-icon-search"
                    v-model="input2">
                </el-input>
                <div class="vedio_second__vedio">
                    <router-link v-for="(item,index) in vedioNums" :key="index" tag="a" :to="{name:'vediodetail'}">
                    <div class="vedio_second__vedio_1">
                         <div class="vedio_second__vedio__img">
                        </div>
                        <a href=""><i class="el-icon-caret-right">{{item.introduce}}</i></a>
                    </div>
                    </router-link>

                </div>
            </div>
           <div class="group">
                <el-button @click="turnPageS" class="a" plain  type="warning" icon="el-icon-arrow-left">上一页</el-button>
                <el-input   :disabled="true" class="c" v-model="input" ></el-input>
                <el-button @click="turnPageX" class="b" plain  type="warning">下一页<i class="el-icon-arrow-right el-icon--right"></i></el-button>
          </div>
        </div>
    </div>
</template>
<script>
export default {
  data() {
    return {
      input2:'',
      input: '0 ',
      vedioNums:[
          {
          introduce:'身上发生发生发射点发射点'
          }
          ,
          {
          introduce:'身上发生发生发射点发射点'
          }
          ,
          {
          introduce:'身上发生发生发射点发射点'
          },
          {
          introduce:'身上发生发生发射点发射点'
          },
          {
          introduce:'身上发生发生发射点发射点'
          },
          {
          introduce:'身上发生发生发射点发射点'
          },
          {
          introduce:'身上发生发生发射点发射点'
          },
          {
          introduce:'身上发生发生发射点发射点'
          },
          {
          introduce:'身上发生发生发射点发射点'
          }
      ]
    } 
  },
  methods:{
     turnPageS:function(){
      this.vedioNums=[
          {
          introduce:'一二山四五六七八求'
          }
          ,
          {
          introduce:'一二山四五六七八求'
          }
          ,
          {
          introduce:'一二山四五六七八求'
          },
          {
          introduce:'一二山四五六七八求'
          },
          {
          introduce:'一二山四五六七八求'
          },
          {
          introduce:'一二山四五六七八求'
          },
          {
          introduce:'一二山四五六七八求'
          },
          {
          introduce:'一二山四五六七八求'
          },
          {
          introduce:'一二山四五六七八求'
          }
      ]
    }
    ,
     turnPageX:function(){
         this.vedioNums=[
          {
          introduce:'2352525252525五六七八求'
          }
          ,
          {
          introduce:'2352525252525五六七八求'
          }
          ,
          {
          introduce:'2352525252525五六七八求'
          },
          {
          introduce:'2352525252525五六七八求'
          },
          {
          introduce:'2352525252525五六七八求'
          },
          {
          introduce:'2352525252525五六七八求'
          },
          {
          introduce:'一二山四五六七八求'
          },
          {
          introduce:'2352525252525五六七八求'
          },
          {
          introduce:'2352525252525五六七八求'
          }
      ]
    }
  }
}
</script>
<style>
@import url('./css.less');
</style>